package main

func main() {
	/*
		html 完成页面内容的展示
		css 完成页面样式的控制
		1.概念：是最基础的网页开发语言
			Hyper Text Markup Language 超文本标记语言
				*超文本：
					超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
				*标记语言：
					由标签构成的语言。<标签名称> 。如 html, xml
					标记语言不是编程语言
		2.快速入门：
			*语法：
				1.html 文档后缀名 .html 或者 .htm
				2.标签分为
					1.围堵标签：有 开始标签 和 结束标签。如 <html> </html>
					2.自闭和标签：开始标签 和 结束标签 在一起。如<br/>
				3.标签可以嵌套：
					需要正确嵌套，不能你中有我，我中有你
					错误示范：<a><b></a></b>
					正确示范：<a><b></b></a>
				4.在 开始标签 中可以定义属性。属性是由 键值对 构成，值需要由 引号（单双都可）引起来。
				5.html 的标签不区分大小写，但是建议使用 小写。
			*代码：
				<html>
					<head>
						<title>title</title>
					</head>

					<body>
						<css color = "red">Hello World</css><br/>
						<css color = "green">Hello World</css>
					</body>
				</html>
		3.标签学习：
			1.文件标签：构成 html 最基本的标签
				* html: html 文档的根标签
				* head: 头标签。用于指定 html 文档的一些属性。引入外部的资源。
				* title：标题标签
				* body：体标签
				* <!DOCTYPE html>：html5 中定义该文档是 html 文档

			2.文本标签：和 文本 有关的标签
				* 注释：<!-- 注释内容 -->
				* <h1> to <h6>：标题标签
					* h1~h6 字体大小逐渐递减
				* <p>：段落标签
				* <br>：换行标签
				* <hr>：展示一条水平线
					*属性：
						* color：颜色
						* width：宽度
						* size：高度
						* align：对齐方式
							* center：居中
							* left：左对齐
							* right：右对齐
				* <b>：字体加粗
				* <i>：字体斜体
				* <font>：字体标签
				* <center>：文本居中，默认让文本对齐方式是相对于父元素居中的
					*属性：
						* color：颜色
						* size：大小
						* face：字体*属性定义：
						* color：
							1.英文单词：red，green，blue
							2.rgb(值1，值2，值3)：值的范围：0 ~ 255 如：rgb(0,0,255)（表示只有蓝色）
							3.#值1值2值3：值的范围：00~FF 之间。如：#FF00FF（表示红蓝各占一半，绿色没有）
						* width：
							1.数值：width="20"，数值的单位，默认是 px(像素)
							2.数值%：占比相对于父元素的比例
					*案例：公司简介
				3.图片标签：
					* img：展示图片
						*属性：
							* src：指定图片的位置
				4.列表标签：
					*有序列表：
						* ol
						* li
					*无序列表
						* ul
						* li

				5.链接标签：
					* a：定义一个超链接
						*属性：
							* href：指定访问资源的 URL（统一资源定位符）
							* target：指定打开资源的方式
							* _self：默认值，在当前页面打开
							* _blank：在空白页面打开

				6.div 和 span：默认没有任何的效果，只是起一个包裹的作用。与 css 结合使用。
					* div：每一个 div 占满一行，块级标签
					* span：文本信息默认在一行展示，行内标签 内联标签

				7.语义化标签：html5 为了提高程序的可读性，提供了一些标签。与 css 结合使用。
					1.<header>：页眉
					2.<footer>：页脚

				8.表格标签：
					* table：定义表格
						* width：宽度
						* border：边框
						* cellpadding：定义内容和单元格之间的距离
						* cellspacing：定义单元格之间的距离。如果指定为 0，单元格的线会合为一条
						* bgcolor：背景色
						* align：对齐方式（修改整个表格相对于页面的对齐方式）
					* tr：定义行
						* bgcolor：背景色
						* align：对齐方式（修改 行内 文本的对齐方式）
					* td：定义单元格
						* colspan：合并单元格（列）
						* rowspan：合并单元格（行）
						* bgcolor：背景色
						* align：对齐方式（修改 单元格中 文本的对齐方式）
					* th：定义表头单元格
					* <caption>：表格标题
					* <thead>：表示表格的头部分	（样式不发生任何改变，与 css 结合使用）
					* <tbody>：表示表格的体部分	（样式不发生任何改变，与 css 结合使用）
					* <tfoot>：表示表格的脚部分	（样式不发生任何改变，与 css 结合使用）

				##案例：旅游网站的首页
					1.确定使用 table 来完成布局
					2.如果某一行只有一个单元格，则使用 <tr><td></td></tr>
					3.如果某一行有多个单元格，则使用
						<tr>
							<td>
								<table></table>
							</td>
						</tr>

	*/
}
